body {
	margin: 0 ;
	padding: 0 ;
	background-color: #f4f4f4;
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3.6vw 3.07vw 3.47vw 2.8vw;
	background-color: #fbfbfb;
	border-bottom: 0.13vw solid #cecece;
}

.header .image {
	width: 4.27vw;
}

.meun {
	background-color: white;
	padding-top: 3.07vw;
}

.meun .banner {
	text-align: center;
}

.meun .banner .image {
	width: 94.53vw;
}

.meun .box {
	display: flex;
	justify-content: space-around;
	margin-top: 6.93vw;
}

.meun .box .image {
	height: 7.4vw;
	width: auto;
}

.meun .box .item {
	text-align: center;
}

.meun .box .text {
	padding: 2.4vw 0 6.27vw;
	font-size: 3.2vw;
	color: #333;
}

.sale {
	margin: 2.67vw 0;
	background-color: white;
}

.sale .top {
	text-align: center;
}

.sale .top .title {
	font-size: 3.73vw;
	color: #333;
}

.sale .top .line {
	width: 6.67vw;
	height: 0.3vw;
	background-color: #bbb;
	margin: 0.8vw auto;
}

.sale .top .text {
	font-size: 1.6vw;
	color: #666;
}

.sale .content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2.93vw;
}

.sale .content .item {
	width: 33.07vw;
}

.sale .content .item .image{
	width: 26.13vw;
} 

.sale .content .item .introduce{
	font-size: 3.47vw;
	width: 25.2vw;
	padding-left: 3.2vw;
	line-height: 6vw;
	color: #555;
	margin: 3.47vw 0 2.13vw;
}

.sale .content .item .money {
	font-size: 3.47vw;
	color: #c55a5c;
	padding-left: 3.2vw;
	margin-bottom: 4.93vw;
}

.sale .content .item {
	border-top: 0.27vw solid #cecece;
	border-right: 0.27vw solid #cecece;
	box-sizing: border-box;
}

.sale .content .item:nth-child(3n) {
	border-right: 0;
}

.selection {
	background-color: white;
}

.selection .top {
	text-align: center;
}

.selection .top .title {
	font-size: 3.73vw;
	color: #333;
}

.selection .top .line {
	width: 6.67vw;
	height: 0.3vw;
	background-color: #bbb;
	margin: 0.8vw auto;
}

.selection .top .text {
	font-size: 1.6vw;
	color: #666;
}

.selection .introduce {
	display: flex;
	justify-content: space-between;
	padding: 3.33vw 2.53vw 2vw;;
}

.selection .introduce .title {
	font-size: 3.73vw;
	color: #333;
}

.selection .introduce .money {
	font-size: 3.47vw;
	color: #c55a5c;
}

.selection .discounts {
	padding: 0 0 7.2vw 2.53vw;
	font-size: 3.2vw;
	color: #999;
}

.recommend {
	background-color: white;
	margin-top: 2.67vw;
	padding-top: 3.33vw;
}

.recommend .top {
	text-align: center;
}

.recommend .top .title {
	font-size: 3.73vw;
	color: #333;
}

.recommend .top .line {
	width: 6.67vw;
	height: 0.3vw;
	background-color: #bbb;
	margin: 0.8vw auto;
}

.recommend .top .text {
	font-size: 1.6vw;
	color: #666;
}

.recommend .content {
	display: flex;
	flex-wrap: wrap;
}

.recommend .content .item {
	box-sizing: border-box;
	width: 49vw;
	padding-left: 3.2vw;
	border-top: 0.27vw solid #cecece;
	border-right: 0.27vw solid #cecece;
}

.recommend .content .item:nth-child(2n) {
	border-right: 0;
}

.recommend .content .image {
	width: 41vw;
}

.recommend .content .title {
	font-size: 3.47vw;
	color: #555;
}

.recommend .content .introduce {
	font-size: 2.67vw;
	color: #999;
	padding: 2vw 0 4.4vw;
}

.recommend .content .money {
	font-size: 3.47vw;
	color: #c55a5c;
}

.foot-meun .image{
	width: 4.8vw;
}

.foot-meun .foot {
	font-size: 2.4vw;
	color: #555;
}

.foot-meun {
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-top: 0.4vw solid #eaeaea;
	padding-top: 2.93vw;
	position: sticky;
	bottom: -0.5vw;
	z-index: 100000;
	background-color: white;
}

.foot-meun .item{
	text-align: center;
}
